<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>首页</title>
<jsp:include page="/WEB-INF/pages/base/inc/inc.jsp" />
<style type="text/css">
	.box-footer .btn-increment,.box-footer .btn-member-loginInfo{margin-right:10px;}
</style>
</head>
<body class="hold-transition skin-blue sidebar-mini">
	<div class="wrapper">
		<jsp:include page="/WEB-INF/pages/base/inc/header.jsp" />

		<jsp:include page="/WEB-INF/pages/base/inc/menu.jsp">
			<jsp:param value="myTaskConsole" name="menu" />
		</jsp:include>
		<div class="content-wrapper">
			<section class="content-header">
				<ol class="breadcrumb">
					<li class="active"><i class="fa fa-dashboard"></i> 我的工作台</li>
				</ol>
			</section>
			<section class="content">
				<div class="row">
					<div class="col-lg-2 col-sm-4 col-xs-6">
						<div class="small-box bg-aqua">
							<div class="inner">
								<h3>${notAudited.realNameCount }</h3>
								<p>会员实名认证</p>
							</div>
							<div class="icon">
								<i class="ion ion-android-person"></i>
							</div>
							<a href="${BASE_PATH }cetification/realname/index.htm"
								class="small-box-footer">去处理&nbsp;<i
								class="fa fa-arrow-circle-right"></i></a>
						</div>
					</div>
					<!-- ./col -->
					<div class="col-lg-2 col-sm-4 col-xs-6">
						<!-- small box -->
						<div class="small-box bg-light-blue">
							<div class="inner">
								<h3>${notAudited.expertCount }</h3>
								<p>会员专家认证</p>
							</div>
							<div class="icon">
								<i class="ion ion-social-vimeo"></i>
							</div>
							<a href="${BASE_PATH }cetification/expert/index.htm"
								class="small-box-footer">去处理&nbsp;<i
								class="fa fa-arrow-circle-right"></i></a>
						</div>
					</div>
					<!-- ./col -->
					<div class="col-lg-2 col-sm-4 col-xs-6">
						<!-- small box -->
						<div class="small-box bg-teal">
							<div class="inner">
								<h3>${notAudited.enterpriseCount }</h3>
								<p>单位实名认证</p>
							</div>
							<div class="icon">
								<i class="ion ion-home"></i>
							</div>
							<a href="${BASE_PATH }cetification/enterprise/index.htm"
								class="small-box-footer">去处理&nbsp;<i
								class="fa fa-arrow-circle-right"></i></a>
						</div>
					</div>
					<!-- ./col -->
					<div class="col-lg-2 col-sm-4 col-xs-6">
						<!-- small box -->
						<div class="small-box bg-olive">
							<div class="inner">
								<h3>${notAudited.qualifiedCount }</h3>
								<p>单位资质认证</p>
							</div>
							<div class="icon">
								<i class="ion ion-filing"></i>
							</div>
							<a href="${BASE_PATH }cetification/qualified/index.htm"
								class="small-box-footer">去处理&nbsp;<i
								class="fa fa-arrow-circle-right"></i></a>
						</div>
					</div>
					<!-- ./col -->
					<div class="col-lg-2 col-sm-8 col-xs-12">
						<!-- small box -->
						<div class="small-box bg-purple">
							<div class="inner">
								<h3>${notAudited.activitySubscribeCount }</h3>
								<p>预约专家</p>
							</div>
							<div class="icon">
								<i class="ion ion-ios-telephone"></i>
							</div>
							<a href="${BASE_PATH }self/activity/subscribe/index.htm"
								class="small-box-footer">去处理&nbsp;<i
								class="fa fa-arrow-circle-right"></i></a>
						</div>
					</div>
					<!-- ./col -->
				</div>
				<!-- /.row -->
				<!-- Main row -->
				<div class="row">
					<section class="col-lg-12 connectedSortable">
					<%-- 会员登录数据统计 --%>
						<div class="box box-info">
							<div class="box-header">
								<i class="fa fa-envelope"></i>
								<h3 class="box-title">会员登录数据统计报表</h3>
								<div class="pull-right box-tools">
									<button class="btn btn-info btn-sm" data-widget="collapse">
										<i class="fa fa-minus"></i>
									</button>
								</div>
							</div>
							<div id="member-loginInfo-charts" class="box-body" style="height:300px;"></div>
							<div class="box-footer clearfix">
								<button class="pull-left btn btn-member-loginInfo btn-info" value="0">今天</button>
								<button class="pull-left btn btn-member-loginInfo btn-default" value="1">昨天</button>
								<button class="pull-left btn btn-member-loginInfo btn-default" value="2">最近7天</button>
								<button class="pull-left btn btn-member-loginInfo btn-default" value="3">最近30天</button>
							</div>
						</div>
						
						<%-- 平台新增数据统计 --%>
						<div class="box box-info">
							<div class="box-header">
								<i class="fa fa-envelope"></i>
								<h3 class="box-title">平台新增数据统计</h3>
								<div class="pull-right box-tools">
									<button class="btn btn-info btn-sm" data-widget="collapse">
										<i class="fa fa-minus"></i>
									</button>
									<button class="btn btn-info btn-sm" data-widget="remove">
										<i class="fa fa-times"></i>
									</button>
								</div>
							</div>
							<div id="increment-charts" class="box-body" style="height: 350px;"></div>
							<div class="box-footer clearfix">
								<button class="pull-left btn btn-increment btn-info" value="0">今天</button>
								<button class="pull-left btn btn-increment btn-default" value="1">昨天</button>
								<button class="pull-left btn btn-increment btn-default" value="2">最近7天</button>
								<button class="pull-left btn btn-increment btn-default" value="3">最近30天</button>
							</div>
						</div>
					</section>
				</div>
				<div class="row">
					<section class="col-lg-7 connectedSortable">
						<div class="box box-info">
							<div class="box-header">
								<i class="fa fa-envelope"></i>
								<h3 class="box-title">平台数据总量统计报表</h3>
								<div class="pull-right box-tools">
									<button class="btn btn-info btn-sm" data-widget="collapse">
										<i class="fa fa-minus"></i>
									</button>
								</div>
							</div>
							<div id="sum-charts" class="box-body" style="height: 300px;"></div>
						</div>
					</section>
					<!-- /.Left col -->
					<!-- right col (We are only adding the ID to make the widgets sortable)-->
					<section class="col-lg-5 connectedSortable">
						<%-- 站内信推送 --%>
						<div class="box box-info">
							<div class="box-header">
								<i class="fa fa-envelope"></i>
								<h3 class="box-title">站内信推送</h3>
								<div class="pull-right box-tools">
									<button class="btn btn-info btn-sm" data-widget="collapse">
										<i class="fa fa-minus"></i>
									</button>
									<%-- <button class="btn btn-info btn-sm" data-widget="remove"><i class="fa fa-times"></i></button> --%>
								</div>
							</div>
							<div class="box-body">
								<form id="sendNoticesForm" action="#" method="post">
									<div class="form-group">
										<select id="toMembers" name="toMembers" class="form-control"
											multiple="multiple">
											<c:forEach items="${memberList }" var="member">
												<option value="${member.id }">${empty member.name ? member.nickName :member.name}&nbsp;[${empty member.mobile ? member.email :member.mobile}]</option>
											</c:forEach>
										</select>
									</div>
									<div>
										<textarea id="noticesContent" name="noticesContent"
											class="textarea" placeholder="信息内容"
											style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
									</div>
								</form>
							</div>
							<div class="box-footer clearfix">
								<button class="pull-right btn btn-default" id="sendNoticeBtn">
									发送 <i class="fa fa-arrow-circle-right"></i>
								</button>
							</div>
						</div>
						<%-- 
			              <!-- Map box -->
			              <div class="box box-solid bg-light-blue-gradient">
			                <div class="box-header">
			                  <!-- tools box -->
			                  <div class="pull-right box-tools">
			                    <button class="btn btn-primary btn-sm daterange pull-right" data-toggle="tooltip" title="Date range"><i class="fa fa-calendar"></i></button>
			                    <button class="btn btn-primary btn-sm pull-right" data-widget="collapse" data-toggle="tooltip" title="Collapse" style="margin-right: 5px;"><i class="fa fa-minus"></i></button>
			                  </div><!-- /. tools -->
			
			                  <i class="fa fa-map-marker"></i>
			                  <h3 class="box-title">
			                    Visitors
			                  </h3>
			                </div>
			                <div class="box-body">
			                  <div id="world-map" style="height: 250px; width: 100%;"></div>
			                </div><!-- /.box-body-->
			                <div class="box-footer no-border">
			                  <div class="row">
			                    <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
			                      <div id="sparkline-1"></div>
			                      <div class="knob-label">Visitors</div>
			                    </div><!-- ./col -->
			                    <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
			                      <div id="sparkline-2"></div>
			                      <div class="knob-label">Online</div>
			                    </div><!-- ./col -->
			                    <div class="col-xs-4 text-center">
			                      <div id="sparkline-3"></div>
			                      <div class="knob-label">Exists</div>
			                    </div><!-- ./col -->
			                  </div><!-- /.row -->
			                </div>
			              </div>
			              <!-- /.box -->
			
			              <!-- solid sales graph -->
			              <div class="box box-solid bg-teal-gradient">
			                <div class="box-header">
			                  <i class="fa fa-th"></i>
			                  <h3 class="box-title">Sales Graph</h3>
			                  <div class="box-tools pull-right">
			                    <button class="btn bg-teal btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
			                    <button class="btn bg-teal btn-sm" data-widget="remove"><i class="fa fa-times"></i></button>
			                  </div>
			                </div>
			                <div class="box-body border-radius-none">
			                  <div class="chart" id="line-chart" style="height: 250px;"></div>
			                </div><!-- /.box-body -->
			                <div class="box-footer no-border">
			                  <div class="row">
			                    <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
			                      <input type="text" class="knob" data-readonly="true" value="20" data-width="60" data-height="60" data-fgColor="#39CCCC">
			                      <div class="knob-label">Mail-Orders</div>
			                    </div><!-- ./col -->
			                    <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
			                      <input type="text" class="knob" data-readonly="true" value="50" data-width="60" data-height="60" data-fgColor="#39CCCC">
			                      <div class="knob-label">Online</div>
			                    </div><!-- ./col -->
			                    <div class="col-xs-4 text-center">
			                      <input type="text" class="knob" data-readonly="true" value="30" data-width="60" data-height="60" data-fgColor="#39CCCC">
			                      <div class="knob-label">In-Store</div>
			                    </div><!-- ./col -->
			                  </div><!-- /.row -->
			                </div><!-- /.box-footer -->
			              </div><!-- /.box -->
			
			              <!-- Calendar -->
			              <div class="box box-solid bg-green-gradient">
			                <div class="box-header">
			                  <i class="fa fa-calendar"></i>
			                  <h3 class="box-title">Calendar</h3>
			                  <!-- tools box -->
			                  <div class="pull-right box-tools">
			                    <!-- button with a dropdown -->
			                    <div class="btn-group">
			                      <button class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bars"></i></button>
			                      <ul class="dropdown-menu pull-right" role="menu">
			                        <li><a href="#">Add new event</a></li>
			                        <li><a href="#">Clear events</a></li>
			                        <li class="divider"></li>
			                        <li><a href="#">View calendar</a></li>
			                      </ul>
			                    </div>
			                    <button class="btn btn-success btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
			                    <button class="btn btn-success btn-sm" data-widget="remove"><i class="fa fa-times"></i></button>
			                  </div><!-- /. tools -->
			                </div><!-- /.box-header -->
			                <div class="box-body no-padding">
			                  <!--The calendar -->
			                  <div id="calendar" style="width: 100%"></div>
			                </div><!-- /.box-body -->
			                <div class="box-footer text-black">
			                  <div class="row">
			                    <div class="col-sm-6">
			                      <!-- Progress bars -->
			                      <div class="clearfix">
			                        <span class="pull-left">Task #1</span>
			                        <small class="pull-right">90%</small>
			                      </div>
			                      <div class="progress xs">
			                        <div class="progress-bar progress-bar-green" style="width: 90%;"></div>
			                      </div>
			
			                      <div class="clearfix">
			                        <span class="pull-left">Task #2</span>
			                        <small class="pull-right">70%</small>
			                      </div>
			                      <div class="progress xs">
			                        <div class="progress-bar progress-bar-green" style="width: 70%;"></div>
			                      </div>
			                    </div><!-- /.col -->
			                    <div class="col-sm-6">
			                      <div class="clearfix">
			                        <span class="pull-left">Task #3</span>
			                        <small class="pull-right">60%</small>
			                      </div>
			                      <div class="progress xs">
			                        <div class="progress-bar progress-bar-green" style="width: 60%;"></div>
			                      </div>
			
			                      <div class="clearfix">
			                        <span class="pull-left">Task #4</span>
			                        <small class="pull-right">40%</small>
			                      </div>
			                      <div class="progress xs">
			                        <div class="progress-bar progress-bar-green" style="width: 40%;"></div>
			                      </div>
			                    </div><!-- /.col -->
			                  </div><!-- /.row -->
			                </div>
			              </div><!-- /.box -->
			              
			              --%>
					</section>
					<!-- right col -->
				</div>
				<!-- /.row (main row) -->
			</section>
		</div>
		<%-- 内容主体 END --%>

		<%-- 底部 START--%>
		<jsp:include page="/WEB-INF/pages/base/inc/footer.jsp" />
		<%-- 底部 END --%>

		<%-- 控制板 START --%>
		<jsp:include page="/WEB-INF/pages/base/inc/panel.jsp" />
		<%-- 控制板 END --%>
	</div>
	<script type="text/javascript" src="${BASE_PATH}static/lib/echarts-2.2.7/build/dist/echarts.js"></script>
	<script type="text/javascript" src="${BASE_PATH}static/js/home/index.js"></script>
</body>
</html>
